<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>Document</title>
    <style>
        /* 属性选择器 */
        
        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>
    <div id='app' v-cloak>
        <!-- v-cloak 解决页面闪烁 -->
        <p>{{msg}}</p>
        <!-- <p>{{msg}}</p> -->
        <!-- <p>{{msg}}</p> -->

    </div>
    <!-- <script src='./vue.js'></script> -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

    <script>
        new Vue({
            el: '#app',
            data: {
                msg: 'abc'
            },
            methods: {

            }
        });
    </script>
</body>

</html>